<template>
  <div>
    <p class="test" v-text-overflow="{placement: 'right'}">
      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque odio
      id minima eius natus voluptatem ratione beatae eos quasi necessitatibus
      pariatur doloribus, possimus labore, aliquid magni voluptates nemo rem
      tempora?
    </p>
  </div>
</template>

<style scoped>
.test {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: 0.5px;
}
</style>
